Lier le CSS

Lier un fichier CSS

Pour lier une feuille CSS, on va utiliser une nouvelle balise <link> qu'on va inclure dans le <head> du document HTML.

    <link href="nom_du_fichier.css" rel="stylesheet" />

Ici, on a ajouter les attributs : href et rel

  • rel = indique la relation entre les deux documents
  • href = indique le chemin / l’endroit où est stocké le document

La balise link sera toujours dans le <head>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Titre de la page</title>
        <link href="nom_du_fichier.css" rel="stylesheet" />
    </head>
    <body>
        <!-- Contenu du site -->
    </body>
</html>

Lier d'un fichier dans un dossier

Pour naviguer dans des dossiers on utilisera des slash. Votre href ressemblera à : href="nom_du_dossier/nom_du_fichier.css"
Voici un exemple précis : mon fichier css nommé "styles.css" se trouve dans le dossier "css". Ci-dessous le lien insérer dans l'HTML pour lié se fichier précisément : 

    <link href="css/styles.css" rel="stylesheet" />

Table of Contents